<template>
  <v-card title="分组条形图">
    <vcu-chart-bar :data="chartData" :settings="settings" />
  </v-card>
</template>

<script>
export default {
  name: 'group-row',
  data() {
    return {
      chartData: {
        dimensions: {
          name: '渠道',
          data: ['APP', 'PC', 'M端', '微信', '手Q', '小程序'].reverse(),
        },
        measures: [
          {
            name: 'PV',
            data: [36000, 28000, 24000, 20000, 12000, 6000].reverse(),
          },
          {
            name: 'UV',
            data: [28000, 22000, 18000, 14000, 8000, 2000].reverse(),
          },
        ],
      },
      settings: {
        direction: 'row',
      },
    }
  },
  methods: {},
  created() {},
}
</script>
<style lang="less" scoped>
</style>
